<template>
  <section>
    {{ address.distinctFromAddress && address.distinctFromAddress.length }}提 <br />
    <template v-for="(item, index) in address && address.distinctFromAddress">
      <span :key="index"> {{ item.address }}； </span>
    </template>
  </section>
</template>

<script>
export default {
  name: "CombineShippingAddress",
  props: {
    value: Object,
    row: {
      type: Object,
      default: () => { }
    },
  },
  computed: {
    address () {
      return this.value || this.row;
    }
  }
};
</script>
<style scoped>
.section-wrap {
  width: 100%;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  /* white-space: pre-line; */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
</style>
